﻿<!--
    
 @Name：不落阁整站模板源码
 @Author：Absolutely
 @Site：http://www.lyblogs.cn

 -->

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; Charset=gb2312">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <title th:text="${tbSort.name}"></title>
    <link rel="shortcut icon" href="/img/Logo_40.png" type="image/x-icon">
    <!--Layui-->
    <link href="/layui/css/layui.css" rel="stylesheet"/>
    <!--font-awesome-->
    <link href="/plugns/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
    <!--全局样式表-->
    <link href="/css/global.css" rel="stylesheet"/>
    <!--本页样式表-->
    <link href="/css/article.css" rel="stylesheet"/>
</head>
<body>
<!-- 导航 -->
<nav class="blog-nav layui-header">
    <div class="blog-container" th:if="${thirdLoginUser!=null}">
        <!-- QQ互联登陆 -->
        <a class="blog-user"  href = "javascript:void(0);" onclick ="qqloginOut()">
            <img th:src="@{${thirdLoginUser.avatar}}" alt="点我退出" title="点我退出"/>
            <cite id="nickName" class="layui-hide-xs" th:text="${thirdLoginUser.nickName}"></cite>
        </a>
        <!-- 导航菜单 -->
        <ul class="layui-nav" lay-filter="nav">
            <li class="layui-nav-item ">
                <a href="/blog/toHome"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
            </li>
            <li class="layui-nav-item layui-this">
                <a href="/blog/toArticle"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
            </li>
            <li class="layui-nav-item">
                <a href="/blog/toResource"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
                <dl class="layui-nav-child">
                    <dd><a href="/blog/toResource?categoryName=图片">图片</a></dd>
                    <dd><a href="/blog/toResource?categoryName=源码">源码</a></dd>
                    <dd><a href="/blog/toResource?categoryName=电子书">电子书</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="/blog/toTimeline"><i class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a>
            </li>
            <li class="layui-nav-item">
                <a href="/blog/about"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
            </li>
        </ul>
        <!-- 手机和平板的导航开关 -->
        <a class="blog-navicon" href="javascript:;">
            <i class="fa fa-navicon"></i>
        </a>
    </div>
    <div class="blog-container" th:if="${thirdLoginUser==null}">
        <!-- QQ互联登陆 -->
        <a href = "javascript:void(0);" onclick ="logins()"  class="blog-user">
            <i class="fa fa-qq"></i>
        </a>
        <!-- 不落阁 -->
        <a class="blog-logo" href="">墨殇</a>
        <!-- 导航菜单 -->
        <ul class="layui-nav" lay-filter="nav">
            <li class="layui-nav-item ">
                <a href="/blog/toHome"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
            </li>
            <li class="layui-nav-item layui-this">
                <a href="/blog/toArticle"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
            </li>
            <li class="layui-nav-item">
                <a href="/blog/toResource"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
                <dl class="layui-nav-child">
                    <dd><a href="/blog/toResource?categoryName=图片">图片</a></dd>
                    <dd><a href="/blog/toResource?categoryName=源码">源码</a></dd>
                    <dd><a href="/blog/toResource?categoryName=电子书">电子书</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="/blog/toTimeline"><i class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a>
            </li>
            <li class="layui-nav-item">
                <a href="/blog/about"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
            </li>
        </ul>
        <!-- 手机和平板的导航开关 -->
        <a class="blog-navicon" href="javascript:;">
            <i class="fa fa-navicon"></i>
        </a>
    </div>
</nav>
<!-- 主体（一般只改变这里的内容） -->
<div class="blog-body">
    <div class="blog-container">
        <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
            <a href="" title="网站首页">网站首页</a>
            <a><cite>文章专栏</cite></a>
            <a><cite th:text="${tbSort.name}"></cite></a>
        </blockquote>
        <div class="blog-main">
            <div class="blog-main-left">
                <div class="shadow"
                     style="text-align:center;font-size:16px;padding:40px 15px;background:#fff;margin-bottom:15px;" th:if="${pageUtil.count==0}">
                    未搜索到与【<span style="color: #FF5722;" th:text="${tbSort.name}"></span>】有关的文章，随便看看吧！
                </div>
                <div class="article shadow" th:if="${pageUtil.count!=0}" th:each="tbArticleInfo : ${pageUtil.data}">
                    <div class="article-left">
                        <img th:src="@{${tbArticleInfo.image}}"/>
                    </div>
                    <div class="article-right">
                        <div class="article-title">
                            <a th:href="@{/blog/toDetail(id=${tbArticleInfo.id})}" th:text="${tbArticleInfo.title}"></a>
                        </div>
                        <div class="article-abstract" th:text="${tbArticleInfo.introduction}">
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="article-footer">
                        <span th:text="${#dates.format(tbArticleInfo.createTime, 'yyyy-MM-dd')}"><i
                                class="fa fa-clock-o"></i></span>
                        <span class="article-author" th:text="${tbArticleInfo.createName}"><i
                                class="fa fa-user"></i></span>
                        <span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a href="#" th:text="${tbArticleInfo.sortName}"></a></span>
                        <span class="article-viewinfo"><i class="fa fa-eye"
                                                          th:text="${tbArticleInfo.traffic}"></i></span>
                        <span class="article-viewinfo"><i class="fa fa-commenting"
                                                          th:text="${tbArticleInfo.comments}"></i></span>
                    </div>
                </div>
            </div>
            <div class="blog-main-right">
                <div class="blog-search">
                    <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <div class="search-keywords  shadow">
                                <input type="text" name="keywords" lay-verify="required" placeholder="输入关键词搜索"
                                       autocomplete="off" class="layui-input">
                            </div>
                            <div class="search-submit  shadow">
                                <a class="search-btn" lay-submit="formSearch" lay-filter="formSearch"><i
                                        class="fa fa-search"></i></a>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="article-category shadow">
                    <div class="article-category-title">标签</div>
                    <a th:each="label:${labelList}"  th:href="@{/blog/toLableArticle(label=${label.value})}" th:text="${label.value}"></a>
                    <div class="clear"></div>
                </div>
                <div class="article-category shadow">
                    <div class="article-category-title">分类导航</div>
                    <a th:href="@{/blog/toSortArticle(sortId=${tbSort.id})}" th:each="tbSort:${sortList}"
                       th:text="${tbSort.name}"></a>

                    <div class="clear"></div>
                </div>
                <div></div><!--占位-->
                <div class="blog-module shadow">
                    <div class="blog-module-title">最新推荐</div>
                    <ul class="fa-ul blog-module-ul" th:each=" recommendArticle:${isRecommends}">
                        <li><i class="fa-li fa fa-hand-o-right"></i><a
                                th:href="@{/blog/toDetail(id=${recommendArticle.id})}"
                                th:text="${recommendArticle.title}"></a></li>
                    </ul>
                </div>
                <!--右边悬浮 平板或手机设备显示-->
                <div class="category-toggle"><i class="fa fa-chevron-left"></i></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<!-- 底部 -->
<!-- 底部 -->
<footer class="blog-footer">
    <p><span>Copyright</span><span>&copy;</span><span>2018-2019</span><a href="http://www.moshang.work">墨殇</a><span>Design By moshang</span>
    </p>
    <p><a href="http://www.miibeian.gov.cn/" target="_blank">豫ICP备18034337号</a><a href="/toLogin"
                                                                                  target="_blank">后台登录管理</a></p>
</footer>
<!--侧边导航-->
<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
    <li class="layui-nav-item">
        <a href="/blog/toHome"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
    </li>
    <li class="layui-nav-item ">
        <a href="/blog/toArticle"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
    </li>
    <li class="layui-nav-item">
        <a href="/blog/toResource"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
    </li>
    <li class="layui-nav-item">
        <a href="/blog/toTimeline"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
    </li>
    <li class="layui-nav-item">
        <a href="/blog/about"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
    </li>
</ul>
<!--分享窗体-->
<div class="blog-share layui-hide">
    <div class="blog-share-body">
        <div style="width: 200px;height:100%;">
            <div class="bdsharebuttonbox">
                <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
            </div>
        </div>
    </div>
</div>
<!--遮罩-->
<div class="blog-mask animated layui-hide"></div>
<!-- layui.js -->
<script src="/layui/layui.js"></script>
<!-- 全局脚本 -->
<script src="/js/web/global.js"></script>
</body>
<script type="text/javascript">
    var  redirectUrl=window.location.href;
    function logins(){
        location.href="/qq/auth?status=2&redirectUrl="+redirectUrl;
    }
    function qqloginOut(){
        location.href="/qqloginOut?redirectUrl="+redirectUrl;
    }
</script>
</html>